<!DOCTYPE html>
<html lang="en"><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <meta charset="utf-8">
        <meta http-equiv="cache-control" content="no-cache">
        <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
        <title>细节</title>
        <link rel="stylesheet" href="./detail/reset.css" type="text/css">
        <link rel="stylesheet" type="text/css" href="./detail/animate.min.css">
        <link rel="stylesheet" href="./detail/slider.css" type="text/css">
        <link rel="stylesheet" href="./detail/slider.default.css" type="text/css">
        <link rel="stylesheet" href="./detail/navigator.css" type="text/css">
        <link rel="stylesheet" href="./detail/navigator.iscroll.css" type="text/css">
        <script type="text/javascript" defer="" async="" src="./detail/piwik.js"></script><script type="text/javascript" src="./detail/zepto.js"></script>
        <script type="text/javascript" src="./detail/touch.js"></script>
        <script type="text/javascript" src="./detail/zepto.extend.js"></script><style>.gmu-media-detect{-webkit-transition: width 0.001ms; width: 0; position: relative; bottom: -999999px;}
@media screen and (width: 320px) { #gmu-media-detect0 { width: 100px; } }
</style>
        <script type="text/javascript" src="./detail/zepto.ui.js"></script>
        <script type="text/javascript" src="./detail/zepto.iscroll.js"></script>
        <script type="text/javascript" src="./detail/navigator.js"></script>
        <script type="text/javascript" src="./detail/navigator.iscroll.js"></script>
        <script type="text/javascript" src="./detail/slider.js"></script>
        <script type="text/javascript" src="./detail/sliderzoom.js"></script>
        <script type="text/javascript" src="./detail/track.js"></script>
        <script type="text/javascript" src="./detail/wx.js"></script>
        <style type="text/css">
            body {
                background-color: #222 !important;
            }
            .btn_close {
                position: fixed;
                z-index: 300;
                right: 0;
                top: 0;
                display: block;
                width: 45px;
                height: 45px;
                background-image: url();
                -webkit-background-size: 45px auto;
            }
            .swiper-title {
                color: #fff;
                text-align: center;
                width: 100%;
                border-bottom: 1px #333 solid;
                line-height: 35px;
                z-index: 200;
                position: relative;
                background-color: #000;
            }
            .swiper-slide  img {
                -webkit-transition: -webkit-transform 0.5s;
            }
            .scale {
                -webkit-transform: scale(2);
            }
            .ui.slider {
                height: 100%;
            }
            .ui-slider-item {
                background: #222 !important;
            }
            .img-fix {
                position: absolute;
                top: 50%;
                left: 50%;
            }
            .pageinfo{position:absolute;right:10px;top:5px;}
            /*switch title bar*/
                        .title_bg {
                background-color: #0d9403;}
                { % else %
            }
            .title_bg {
                background-color: #2785e6;
            }
        </style>
    </head>

    <body>
        <div id="Gallery_wrap" class="ui-slider" style="height: 569px;"><div class="ui-slider-wheel" style="width: 1280px; -webkit-transition: 400ms; transition: 400ms; -webkit-transform: translate3d(0px, 0px, 0px);"><div class="ui-slider-group"></div></div><span class="ui-slider-pre"><b></b></span><span class="ui-slider-next"><b></b></span></div>
        <div class="description_container">
			<h1>detail</h1>
			<p></p>
			<span class="pageinfo">1/4</span>
		</div>
        <div class="btn_close"></div>
        <script type="text/javascript">
            var wxSetting = {
                //是否显示右上分享按钮
                //hideOptionMenu : true,
                //是否显示底部工具栏
                hideToolbar : true,
                //分享的结构
                share : {
                    "send2Friend" : {
                        "content" : "【崇文金城】- 欢迎莅临 \n联系电话: 0519-82660333",
                        "img" : "http://img.app.aimapp.net/upload/5354e069721b83e10c8b45ec/images/c0a67c43a28d202d62aee481aadcadce.jpg",
                        "link" : window.location.href,
                        "title" : "【崇文金城】-detail "
                    },
                    "share2Friend" : {
                        "img" : "http://img.app.aimapp.net/upload/5354e069721b83e10c8b45ec/images/c0a67c43a28d202d62aee481aadcadce.jpg",
                        "link" : window.location.href,
                        "title" : "【崇文金城】-detail"
                    },
                    "share2QQBlog" : {
                        "content" : "【崇文金城】- 欢迎莅临 \n联系电话: 0519-82660333",
                        "link" : window.location.href
                    },
                    "share2Email" : {
                        "content" : "【崇文金城】- 欢迎莅临 \n联系电话: 0519-82660333",
                        "link" : window.location.href,
                        "title" : "【崇文金城】-detail"
                    }
                }
            };

            $(document).ready(function() {
                var docHeight = $(window).height() + 1;
                $('#Gallery_wrap').sliderzoom({
                    autoPlay : false,
                    showDot : false,
                    autoPlayTime : 3000,
                    stopPropagation : true,
                    slideend : function(e, page) {
                        $('.pageinfo').html((page + 1) + "/" + ($('.ui-slider-item').length));
                    }
                });
                $('.ui-slider').height(docHeight);

                $('#Gallery_wrap img').each(function() {
                    AutoResizeImage($(window).width(), $(window).height(), $(this));
                });

                $('.btn_close').click(function() {
                    window.location = 'more.html';
                });
            });

            function AutoResizeImage(maxWidth, maxHeight, objImg) {
                var img = new Image();
                img.onload = function() {
                    var hRatio;
                    var wRatio;
                    var Ratio = 1;
                    var w = this.width;
                    var h = this.height;
                    wRatio = maxWidth / w;
                    hRatio = maxHeight / h;
                    if (maxWidth == 0 && maxHeight == 0) {
                        Ratio = 1;
                    } else if (maxWidth == 0) {//
                        if (hRatio < 1)
                            Ratio = hRatio;
                    } else if (maxHeight == 0) {
                        if (wRatio < 1)
                            Ratio = wRatio;
                    } else if (wRatio < 1 || hRatio < 1) {
                        Ratio = (wRatio <= hRatio ? wRatio : hRatio);
                    }
                    if (Ratio < 1) {
                        w = w * Ratio;
                        h = h * Ratio;
                    }
                    objImg.height(h);
                    objImg.width(w);
                    var hWide = ($(objImg).width()) / 2;
                    var hTall = ($(objImg).height()) / 2;
                    hWide = '-' + hWide + 'px';
                    hTall = '-' + hTall + 'px';

                    $(objImg).addClass("img-fix").css({
                        "margin-left" : hWide,
                        "margin-top" : hTall
                    });
                };
                img.src = objImg.data('url');
            }
        </script>
<div class="gmu-media-detect" id="gmu-media-detect0"></div></body></html>
